<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../../css/mui.min.css" rel="stylesheet" />

		<link href="../../fonts/iconfont.css" rel="stylesheet" />

		<link href="../../css/walkthrough.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content">	
		    <div id="photo-header">
		    	
		    </div>	   
		    


		    <div id="content">
		        <div class="number1">
                    <p>2</p>
		        </div>
		        <p class="title">Witch Types of Articles<br>are You Intersting？</p>
		        <p class="choose">Choose your favorite tags</p>
		    </div>

	        <div class="select-tags">
	        	<div class="m-auto">
	        	    <div><p class="add">Sport<i>+</i></p></div>
    				<div><p class="add">Politics<i>+</i></p></div>
    				<div><p class="add">Technology<i>+</i></p></div>    			
    				<div><p class="add">Education<i>+</i></p></div>
    				<div  class="border-blue"><p class="dagou">Travel<i class="iconfont icon-dagou"></i></p></div>
    				<div><p class="add">Architecture<i>+</i></p></div>				
    				<div><p class="add">Fashion<i>+</i></p></div>
    				<div><p class="add">Trands<i>+</i></i></p></div>
    				<div><p class="add">Food<i>+</i></p> </div>                  
    				<div><p class="add">Music<i>+</i></p></div>
    				<div><p class="add">Photo<i>+</i></i></p></div>
    				<div><p class="add">Socials<i>+</i></p></div> 				
    				<div  class="border-blue"><p class="dagou">Ecommerce<i class="iconfont icon-dagou"></i></p></div>
	        		<div><p class="add">Auto & Moto<i>+</i></p></div>	        	
        			<div><p class="add">Art<i>+</i></p></div>
    				<div><p class="add">Books<i>+</i></i></p></div>
    				<div><p class="add">Design<i>+</i></p></div>
    			
	        		<!-- <ul>
	        			<li>
	        				<p class="size70">Sport<i>+</i></p>
	        				<p class="size80">Politics<i>+</i></p>
	        				<p class="size100">Technology<i>+</i></p>
	        			</li>
	        			<li>
	        				<p class="size90">Education<i>+</i></p>
	        				<p class="size70">Travel<i class="iconfont icon-dagou"></i></p>
	        				<p class="size100">Architecture<i>+</i></p>
	        			</li>
	        			<li>
	        				<p class="size80">Fashion<i>+</i></p>
	        				<p class="size80">Trands<i>+</i></i></p>
	        				<p class="size65">Food<i>+</i></p>
	        			</li>
	        			<li>
	        				<p class="size75">Music<i>+</i></p>
	        				<p class="size75">Photo<i>+</i></i></p>
	        				<p class="size75">Socials<i>+</i></p>
	        			</li>
	        			<li>
	        				<p class="size100">Ecommerce<i class="iconfont icon-dagou"></i></p>
	        				<p class="size100">Auto & Moto<i>+</i></p>
	        			</li>
	        			<li>
	        				<p class="size60">Art<i>+</i></p>
	        				<p class="size75">Books<i>+</i></i></p>
	        				<p class="size80">Design<i>+</i></p>
	        			</li>
	        		</ul> -->
	        	</div>
	        </div>

           
		    <div id="cate1-footer">
		        <div class="auto">
		            <div class="fanhui">
		            	<i class="iconfont icon-fanhui1"></i>
		            </div>
		    	    <div class="next">
		    	    	<button class="send">Next Step</button>  	
		    	    </div>
		    	    <div class="skip">
		    	    	<p>Skip</p>
		    	    </div>
		    	</div>
		    </div>


		   
		
		</div>




	</body>

</html>